<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <title>Sell-Bost_Administrar Empleados</title>
        <link rel="stylesheet" href="css/layout.css" type="text/css" />
    </h:head>
        <div class="wrapper">
            <div id="header">
                <div id="logo">
                    <img src="Images/logo.jpg" align="left" style="margin: 10px 10px 0px 10px"/>
                    <h1><a href="#">Sell-Boost</a></h1>
                    <p>D.H.D. Software</p>
                </div>
                <div id="topnav">
                    <ul>
                        <li class="active"><a href="Gerentes TI Distribuidores Subdistribuidores Canales.xhtml">Home</a></li>       
                    </ul>
                </div>
                <br class="clear" />
            </div>
        </div>

    <body id="top">
        <div class="wrapper">
            <div style="margin: 10px 155px 10px 155px">
                <p:panel>
                <f:facet name="header">  
                    <center><h3>Administrar Empleados</h3></center>
                </f:facet> 
                    <h:panelGroup rendered="#{loginBean.loggedIn}">
                    <li>Bienvenido:
                        #{loginBean.other.nombre} </li>  
                    <li>Empresa:
                        #{loginBean.other.empresa} </li> 
                    <li>Rol:
                        #{loginBean.other.rol}</li>
                </h:panelGroup>
        
        <h:panelGroup id="messagePanel" layout="block">
            <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
        </h:panelGroup>

        <h:form>
            <h:inputHidden id="validateCreateField" validator="#{usuario.validateCreate}" value="value"/>
            <h:panelGrid columns="2">
                <h:outputText value="Nombre:"/>
                <p:inputText id="nombre" value="#{usuario.usuario.nombre}" title="Nombre" required="true" requiredMessage="The nombre field is required." />
                <h:outputText value="Id:"/>
                <p:inputText id="id" value="#{usuario.usuario.id}" title="Id" required="true" requiredMessage="The id field is required." />
                <h:outputText value="Rol:"/>
                <p:selectOneMenu id="rol" value="#{usuario.usuario.rol}" required="true" requiredMessage="Se requiere rol." editable="false">
                        <f:selectItem itemLabel="adminDist" itemValue="adminDist" />
                        <f:selectItem itemLabel="adminSubDist" itemValue="adminSubDist" />
                        <f:selectItem itemLabel="adminCan" itemValue="adminCan" />
                        <f:selectItem itemLabel="adminPV" itemValue="adminPV" />
                        <f:selectItem itemLabel="search" itemValue="search" />
                        <f:selectItem itemLabel="other" itemValue="other" />
                        <f:selectItem itemLabel="adminTI" itemValue="adminTI" />
                </p:selectOneMenu>
                <h:outputText value="Username:"/>
                <p:inputText id="username" value="#{usuario.usuario.username}" title="Username" />
                <h:outputText value="Password:"/>
                <p:inputText id="password" value="#{usuario.usuario.password}" title="Password" />
                <h:outputText value="Empresa:"/>
                <h:selectOneMenu id="empresa" value="#{usuario.usuario.empresa}" title="Empresa" >
                    <f:selectItems value="#{empresa.empresaItemsAvailableSelectOne}"/>
                </h:selectOneMenu>

            </h:panelGrid>
            <br />
            <p:commandButton action="#{usuario.create}" value="Create" ajax="false"/>
             <p:commandButton action="#{usuario.edit}" value="Save" ajax="false">
                <f:param name="jsfcrud.currentUsuario" value="#{jsfcrud_class['Controller.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][usuario.usuario][usuario.converter].jsfcrud_invoke}"/>
            </p:commandButton>

        </h:form>


         <h:form styleClass="jsfcrud_list_form">
             <h:outputText escape="false" value="(No Usuario Items Found)" rendered="#{usuario.pagingInfo.itemCount == 0}" />
            <h:panelGroup rendered="#{usuario.pagingInfo.itemCount > 0}">
                <h:outputText value="Item #{usuario.pagingInfo.firstItem + 1}..#{usuario.pagingInfo.lastItem} of #{usuario.pagingInfo.itemCount}"/>&nbsp;
                <h:commandLink action="#{usuario.prev}" value="Atras #{usuario.pagingInfo.batchSize}" rendered="#{usuario.pagingInfo.firstItem >= usuario.pagingInfo.batchSize}"/>&nbsp;
                <h:commandLink action="#{usuario.next}" value="Siguiente #{usuario.pagingInfo.batchSize}" />&nbsp;
                <h:commandLink action="#{usuario.next}" value="Restantes #{usuario.pagingInfo.itemCount - usuario.pagingInfo.lastItem}"       />
           
                <p:dataTable value="#{usuario.usuarioItems}" var="item" border="0" cellpadding="2" cellspacing="0" rowClasses="jsfcrud_odd_row,jsfcrud_even_row" rules="all" style="border:solid 1px">
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Nombre"/>
                        </f:facet>
                        <h:outputText value="#{item.nombre}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Id"/>
                        </f:facet>
                        <h:outputText value="#{item.id}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Rol"/>
                        </f:facet>
                        <h:outputText value="#{item.rol}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Username"/>
                        </f:facet>
                        <h:outputText value="#{item.username}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Password"/>
                        </f:facet>
                        <h:outputText value="#{item.password}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="Empresa"/>
                        </f:facet>
                        <h:outputText value="#{item.empresa}"/>
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText escape="false" value="&nbsp;"/>
                        </f:facet>
                          <h:outputText value=" "/>
                        <h:commandLink value="Editar" action="#{usuario.editSetup}">
                            <f:param name="jsfcrud.currentUsuario" value="#{jsfcrud_class['Controller.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][item][usuario.converter].jsfcrud_invoke}"/>
                        </h:commandLink>
                        <h:outputText value=" "/>
                        <h:commandLink value="Eliminar" action="#{usuario.remove}">
                            <f:param name="jsfcrud.currentUsuario" value="#{jsfcrud_class['Controller.util.JsfUtil'].jsfcrud_method['getAsConvertedString'][item][usuario.converter].jsfcrud_invoke}"/>
                        </h:commandLink>
                    </p:column>

                </p:dataTable>
            </h:panelGroup>
        </h:form>
                </p:panel>
                <br class="clear"/>
            </div> 
        </div>

        <div class="wrapper">
            <div id="footer">
                <div id="newsletter">
                    <h2>¡ Contáctenos !</h2>
                    <p>Por favor ingrese su correo para agregarlo a nuestra lista de E-mails</p>
                    <form action="#" method="post">
                        <fieldset>
                            <legend>News Letter</legend>
                            <input type="text" value="Ingrese su correo aca&hellip;"  onfocus="this.value=(this.value=='Enter Email Here&hellip;')? '' : this.value ;" />
                            <input type="submit" name="news_go" id="news_go" value="IR" />
                        </fieldset>
                    </form>
                    <p>Para anular la suscripción <a href="#">click aqui por favor &raquo;</a></p>
                </div>
                <div class="footbox">
                    <h2>Conózcanos</h2>
                    <ul>
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/home">D.H.D.</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/la-empresa">La empresa</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/the-team">Grupo de trabajo</a></li> 
                        <li><a href="https://sites.google.com/site/desarrollohdigitales/Definicin-del-Proyecto">El proyecto</a></li> 
                    </ul>
                </div>
                <br class="clear" />
            </div>
        </div>
        <div class="wrapper">
            <div id="copyright">
                <p class="fl_left">Copyleft 2012 <a href="#">Sell-Boost</a></p>
                <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
                <br class="clear" />
            </div>
        </div>
    </body>
</html>